<script>
	import Header from "@/components/Header.vue"
	export default {
		components: {
			Header
		},
		data() {
			return {
				type: 1, //1待收款 2已收款50% 3全额收款
				title: "我的发布",
				titles: {
					1: "待收款",
					2: "已收款50%",
					3: "已全额收款",
				},
				list: []
			}
		},
		onLoad(options) {
			if (options.type) {
				this.title = this.titles[options.type]
				this.type = options.type
			}
			this.info()
		},
		methods: {
			go(url, id, finish) {
				uni.navigateTo({
					url: url + '?id=' + id
				})
			},
			info() {
				var that = this
				uni.request({
					url: getApp().globalData.host + '/api/Order/getSignOrderList',
					data: {
						type: this.type, //1待收款 2已收款50% 3全额收款
						page: 1,
						nums: "1000",
					},
					header: {
						memberid: uni.getStorageSync('member_id'),
						membertoken: uni.getStorageSync('member_token'),
					},
					success: (rrr) => {
						that.list = rrr.data.data.list
					},
				})
			}
		}
	}
</script>
<template>
	<view class="custom-bg flex flex-col overflow-hidden h-full">

		<Header :title="title" />

		<div class="list h-full p-30" style="overflow: auto;">
			<div v-for="item in list" class="bg-white mb-20 rounded-30 flex p-20" style="align-items: stretch;"
				@click="go('/pages/my/invite/detail/detail',item.sign_id)">
				<image :src="item.seek_img" mode="aspectFill" class="flex-shirnk-0 mr-20 rounded-22"
					style="width:265rpx;height:350rpx"></image>
				<div class="h-full between flex-col w-full" style="align-items:flex-start;height:350rpx;position: relative;">
					<div class="fz24 text-gray-a4" style="line-height: 45rpx;">
						<div v-for="tag in item.word_arr">{{tag}}</div>
					</div>
					<div class="bg-primary w-200 fz24 h-65 rounded-50 center text-white" style="position: absolute; top: 0rpx;left: 50%;">
						查看详细信息
					</div>
				</div>
			</div>

			<nomore v-if="list.length==0" />

		</div>


	</view>


</template>



<style>
	.active {
		background-color: #AC5FF8;
		color: #fff;
	}

	.tab {
		color: #AC5FF8;
		font-size: 30rpx;
	}

	.custom-bg {
		min-height: 100%;
	}

	.avatar-group {
		position: relative;
	}

	page {
		height: 100%;
		background-color: #F8F8F8;
	}
</style>